<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
<script>
	if(document.getElementsByClassName("layui-body").length > 0){
	    window.location.href=window.location.href;
	}
</script>
<head>
	<meta charset="utf-8"/>
	<title>登录--layui后台管理模板 2.0</title>
	<meta name="renderer" content="webkit"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="format-detection" content="telephone=no"/>
	<link rel="stylesheet" th:href="@{/assets/layui/css/layui.css}" media="all" />
	<link rel="stylesheet" th:href="@{/assets/layui/css/public.css}" media="all" />
</head>
<body class="loginBody">
<form class="layui-form">
	<div style="height:100px;line-height: 100px;font-size: 23px;text-align: center;">
			后台登录页面
	</div>
	<div class="layui-form-item input-item">
		<label for="userName">用户名</label>
		<input type="text" placeholder="请输入用户名" name="account" autocomplete="off" id="userName" class="layui-input" lay-verify="required"/>
	</div>
	<div class="layui-form-item input-item">
		<label for="password">密码</label>
		<input type="password" placeholder="请输入密码" autocomplete="off" name="password" id="password" class="layui-input" lay-verify="required"/>
	</div>
<!--	<div class="layui-form-item input-item" id="imgCode">
		<label for="code">验证码</label>
		<input type="text" placeholder="请输入验证码" autocomplete="off" id="code" class="layui-input"/>
		<img src="../../images/code.jpg" />
	</div>-->
	<div class="layui-form-item">
		<button class="layui-btn layui-block" lay-filter="login" lay-submit="">登录</button>
	</div>
	<!--<div class="layui-form-item layui-row">
		<a href="javascript:;"  class="seraph icon-qq layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4"></a>
		<a href="javascript:;" class="seraph icon-wechat layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4"></a>
		<a href="javascript:;" class="seraph icon-sina layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4"></a>
	</div>-->
</form>
<script type="text/javascript" th:src="@{/assets/layui/layui.js}"></script>
<script th:inline="javascript">
    layui.use(['form','layer','jquery'],function(){
        var form = layui.form,
            layer = parent.layer === undefined ? layui.layer : top.layer
        $ = layui.jquery;
        form.on('submit(login)', function(data){
            var o =$(this);
            o.text("登录中...").attr("disabled","disabled").addClass("layui-disabled");
			$.ajax({
				url:/*[[${#httpServletRequest.getContextPath()+'/admin/login'}]]*/,
				type:"post",
				data:data.field,
				success:function(data){
				    if(data=="success"){
                        layer.msg("成功！");
                        window.location.href = /*[[${#httpServletRequest.getContextPath()+'/admin/index'}]]*/
					}else{
				        layer.msg("账号密码错误！");
                        o.text("登录").removeAttr("disabled").removeClass("layui-disabled");
					}
				},
				error:function(data){
                    layer.msg("连接服务器错误！");
                    o.text("登录").removeAttr("disabled").removeClass("layui-disabled");
				}
			})
            return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });
        $(".loginBody .input-item").click(function(e){
            e.stopPropagation();
            $(this).addClass("layui-input-focus").find(".layui-input").focus();
        })
        $(".loginBody .layui-form-item .layui-input").focus(function(){
            $(this).parent().addClass("layui-input-focus");
        })
        $(".loginBody .layui-form-item .layui-input").blur(function(){
            $(this).parent().removeClass("layui-input-focus");
            if($(this).val() != ''){
                $(this).parent().addClass("layui-input-active");
            }else{
                $(this).parent().removeClass("layui-input-active");
            }
        })
    });

</script>
</body>
</html>